<template>
    <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
        <el-tab-pane label="部门管理" name="deptManager"><DeptManager></DeptManager></el-tab-pane>
        <el-tab-pane label="职位管理" name="positionManager"><PositionManager></PositionManager></el-tab-pane>
        <el-tab-pane label="职称管理" name="jobLevelManager"><JobLevelManager></JobLevelManager></el-tab-pane>
        <el-tab-pane label="奖惩规则" name="rewardandPunishManager"><RewardAndPunishManager></RewardAndPunishManager></el-tab-pane>
        <el-tab-pane label="权限组" name="powerManager"><PowerManager></PowerManager></el-tab-pane>
    </el-tabs>
</template>

<script>
    import DeptManager from "../../components/sys/DeptManager";
    import JobLevelManager from "../../components/sys/JobLevelManager";
    import PositionManager from "../../components/sys/PositionManager";
    import PowerManager from "../../components/sys/PowerManager";
    import RewardAndPunishManager from "../../components/sys/RewardAndPunishManager";
    export default {
        name: "SysBasic",
        data() {
            return {
                activeName: 'deptManager'
            };
        },
        methods: {
            handleClick(tab, event) {
                console.log(tab, event);
            }
        },
        components:{
            DeptManager,
            JobLevelManager,
            PositionManager,
            PowerManager,
            RewardAndPunishManager
        }
    }
</script>

<style scoped>

</style>